import { Component } from 'react'
import { WholeText } from './common/whole'
const { Consumer } = WholeText
class Son2 extends Component {
  render() {
    return (
      <div>
        <Consumer>
          {(value) => (
            <div>
              Son2 孙子组件获取全局内容：{value.name}--{value.age}
              <br />
              <button onClick={() => value.updateName('例赛')}>
                修改全局内容
              </button>
            </div>
          )}
        </Consumer>
      </div>
    )
  }
}

export default Son2

// import { Component } from 'react'
// import { WholeData } from './common/whole'
// class Son2 extends Component {
//   state = {
//     ...WholeData,
//   }
//   render() {
//     return (
//       <div>
//         Son2 孙子组件获取全局内容：{this.state.name}--{this.state.age}
//         <br />
//         <button onClick={() => this.state.updateName('list')}>
//           修改全局内容
//         </button>
//       </div>
//     )
//   }
// }

// export default Son2
